<!DOCTYPE HTML>
<html>
		<head>
		<meta charset="utf-8">
		<title>Listar Projeto</title>
		<link href="css/main.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="jquery/jquery-1.8.1.min.js"></script>
		<script type="text/javascript">
				$(document).ready(function(){
					$("#filmes tbody tr:odd").addClass("impar");
				 	$("#filmes tbody tr").hover(
					function(){$(this).addClass("destaque");},
					function(){$(this).removeClass("destaque");}
					);
			});
		</script>
		</head>

		<body>
        <div id="page">
          <div id="top"> <img src="images/logo.jpg" alt="SIGA Projeto" /> </div>
          <div id="content-page">
            <div id="left" class="efeito">
              <h4>Menu</h4>
              <hr />
              <ul>
                <li class="selecao" id="pag_inicio"><a href="inicio.php">Página Inicial</a></li>
                <li class="selecao" id="cad_projeto"><a href="cadproj.php">Cadastrar Projeto</a></li>
                <li class="selecao" id="pag_relatorio"><a href="listar_proj.php">Relatório de Projetos</a></li>
                <li class="selecao" id="pag_sair"><a href="#">Sair</a></li>
              </ul>
            </div>
            <div id="right">
              <h3 id="titulo_cadastrar" class="efeito">LISTAR PROJETOS</h3>
              <div class="efeito">
                <form action="teste.php" method="post">
                  <input type="text" name="buscar" id="buscar" value="Buscar..." onFocus="if(this.value=='Buscar...') this.value = '';" onBlur="if(this.value=='') this.value = 'Buscar...';" size="45" />
                  <label for="titulo">Título</label>
                  <input type="radio" name="filtro" id="titulo" value="Título" />
                  <label for="coordenador">Coordenador</label>
                  <input type="radio" name="filtro" id="coordenador" value="Coordenador" />
                  <label for="ano">Ano</label>
                  <input type="radio" name="filtro" id="ano" value="Ano" />
                  <hr />
                  <br />
                  <table id="filmes">
                    <thead  id="lista_tab1">
                      <tr class="lista_tab2">
                        <th class="lista_tab2">Título</th>
                        <th class="lista_tab2" scope="col">Coordenador</th>
                        <th class="lista_tab2" scope="col">N° decisão do CTA</th>
                        <th class="lista_tab2" scope="col">N° decisão do CEPE</th>
                        <th class="lista_tab2" scope="col">Palavras chave</th>
                      </tr>
                    </thead>
                    <tbody>
                    <th class="lista_tab2" scope="row">dados do projeto</th>
                      <td class="lista_tab2">dados do projeto</td>
                      <td class="lista_tab2">dados do projeto</td>
                      <td class="lista_tab2">dados do projeto</td>
                      <td class="lista_tab2">dados do projeto</td>
                        </tbody>
                    <tbody>
                    <th class="lista_tab2" scope="row">dados do projeto</th>
                      <td class="lista_tab2">dados do projeto</td>
                      <td class="lista_tab2">dados do projeto</td>
                      <td class="lista_tab2">dados do projeto</td>
                      <td class="lista_tab2">dados do projeto</td>
                        </tbody>
                    <tbody>
                    <th class="lista_tab2" scope="row">dados do projeto</th>
                      <td class="lista_tab2">dados do projeto</td>
                      <td class="lista_tab2">dados do projeto</td>
                      <td class="lista_tab2">dados do projeto</td>
                      <td class="lista_tab2">dados do projeto</td>
                        </tbody>
                    <tbody>
                    <th class="lista_tab2" scope="row">dados do projeto</th>
                      <td class="lista_tab2">dados do projeto</td>
                      <td class="lista_tab2">dados do projeto</td>
                      <td class="lista_tab2">dados do projeto</td>
                      <td class="lista_tab2">dados do projeto</td>
                        </tbody>
                    <tbody>
                    <th class="lista_tab2" scope="row">dados do projeto</th>
                      <td class="lista_tab2">dados do projeto</td>
                      <td class="lista_tab2">dados do projeto</td>
                      <td class="lista_tab2">dados do projeto</td>
                      <td class="lista_tab2">dados do projeto</td>
                        </tbody>
                    <tbody>
                    <th class="lista_tab2" scope="row">dados do projeto</th>
                      <td class="lista_tab2">dados do projeto</td>
                      <td class="lista_tab2">dados do projeto</td>
                      <td class="lista_tab2">dados do projeto</td>
                      <td class="lista_tab2">dados do projeto</td>
                        </tbody>
                  </table>
                </form>
              </div>
            </div>
          </div>
          <footer> 2013 Universidade Federal Rural de Pernambuco. Todos os direitos reservados. </footer>
        </div>
</body>
</html>